import React from 'react';

const Father = () => {
	const count = 1;
	return (
		<div>
			<div>father</div>
			<Child count={count} />
		</div>
	);
};

export default Father;

function Child({ count }: { count: number; }) {
	return (
		<div>
			<div>child</div>
			<GrandChild count={count} />
		</div>
	);
}

function GrandChild({ count }: { count: number; }) {
	return (
		<div>
			<div>GrandChild</div>
			<GreatGrandChild count={count} />
		</div>
	);
}
function GreatGrandChild({ count }: { count: number; }) {
	return (
		<div>
			<div>GreateGrandChild</div>
			<div>{count}</div>
		</div>
	);
}